Ext JS 4.2.0文档翻译： Ext.layout.container.HBox
这是一个布局器，它将一个容器（Container）中的条目水平排列。这个布局器还会可选地为那些具有一个数值的flex 配置选项的子代条目按照比例分配可用的水平空间。
还可以通过设置它的align 选项来让这个布局器为子代条目设置高度。
Ext.create (' Ext.Panel ', {
width: 500,
height: 300,
title: "HBoxLayout Panel",
layout: {
type: 'hbox',
align: 'stretch'
},
renderTo: document.body,
items: [{
xtype: 'panel',
title: 'Inner Panel One',
flex: 2
},{
xtype: 'panel',
title: 'Inner Panel Two',
flex: 1
},{
xtype: 'panel',
title: 'Inner Panel Three',
flex: 1
}]
});
配置选项
Ext.layout.container.HBox
控制着，容器中的各个子代条目之间是如何对齐的。这个属性允许使用以下配置值：
-
•. top : 默认值 子代条目在竖直方向上与容器的顶部对齐。
-
•. middle : 子代条目在竖直方向上与容器的水平中线 对齐。
-
•. bottom : 子代条目在竖直方向上与容器的底部对齐。
-
•. stretch : 子代条目在竖直方向上被拉伸，以填满容器的高度。
-
•. stretchmax : 子代条目在竖直方向上被拉伸，达到最高的那个子代条目的高度。
默认值： 'top'
这个配置选项会被应用到由本布局器所管理的容器的子代条目上。每个拥有flex属性的子代条目都会受到伸缩（flexed）处理（hbox 中就是水平的，vbox 中就是竖直的），其伸缩的程度由该条目的相对flex值与所有拥有flex 值的条目的该属性值之和的比例来确定。任何flex = 0或flex = undefined的条目都不会被‘伸缩’（会保持原始尺寸）。
校长 开房找我
Email:Website url:Opinion content:HxLauncher: Launch Android applications by voice commands
kill -9 18998